<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>等高布局</title>

  <link rel="stylesheet" href="./index.css">
</head>
<body>
  <p><a href="https://zhuanlan.zhihu.com/p/161822219">参考链接</a></p>
  <p>在容器上显式设置了 display 的值为 flex 或 inline-flex，该容器的所有子元素的高度都相等，因为容器的 align-items 的默认值为 stretch。</p>
  <p>这种方式特别适用于卡片组件中：</p>
  <img src="https://pic3.zhimg.com/80/v2-5f96795d4c0ebd565d6357c86ca0ee66_720w.png" alt="">
  <div class="box">
    <div class="item item1"></div>
    <div class="item item2"></div>
    <div class="item item3"></div>
  </div>
</body>
</html>